/*************************************
* @update: 2021-07-01   LiLinBin  [创建文件]
*
* @description: 修改ant-design-vue的默认主题
****************************************/
const Base = {
    // -------- Colors -----------
    'font-size-base': '14px',
    'attr-bg': '#fff', //属性面板的输入框背景
    'white': '#fff',
    'black': '#000',
    'primary-color': 'rgba(19, 119, 255, 1)',   //  全局主色 #1377ff
    'text-color': 'rgba(0,0,0,0.85)',           //  文本-主体颜色
    'text-color-secondary': 'rgba(0,0,0,0.45)', //  文本-辅助颜色
    'text-color-remark': 'rgba(0,0,0,0.3)',      //  文本-注释颜色
    'component-background': '#e8e8e8',      //组件的基础背景色
}

const Panel = {
    'primary-color': Base['primary-color'], // 全局主色  '#1377ff || rgba(19, 119, 255, 1)'
    // 'info-color': '#1377ff',
    // 'processing-color': '#1377ff',
    'normal-color': '#e8e8e8',

    'component-background': Base['component-background'], //组件的基础背景色
    'text-color': Base['text-color'], //文字颜色
    'item-hover-bg': 'rgba(19, 119, 255, 0.3)', //hover的颜色
    'select-item-selected-bg': Base['primary-color'], //select下拉选中项,激
}



//边框
const Border = {
    "border-radius-base": "4px", //圆角
    "border-color-base": "#aaaaaa"
}


//按钮
const Buttons = {
    "btn-border-radius-base": Border['border-radius-base'],
    "btn-shadow": "0 2px 0 rgba(19, 119, 255, 0.015)",//按钮阴影
    "btn-text-shadow": "0 -1px 0 rgba(19, 119, 255, 0.12)", //按钮文字阴影

    "btn-primary-shadow": "0 2px 0 rgba(19, 119, 255, 0.045)",//primary按钮的阴影
    "btn-primary-color": "#fff", //primary按钮文字颜色
    "btn-primary-bg": Base['primary-color'],

    "btn-default-color": Base['primary-color'], //按钮默认文字颜色
    "btn-default-bg": "#fff", //按钮背景色
    "btn-default-border": Base['primary-color'], //按钮边框
}


//layout 布局
const Layout = {
    'layout-body-background': Base['component-background'],
    'layout-header-background': '#d3d3d3',
    //'layout-footer-background': '@layout-body-background',
    'layout-header-height': '64px',
    'layout-header-padding': '0 50px',
    'layout-footer-padding': '24px 50px',
    //'layout-sider-background': '@layout-header-background',
    'layout-trigger-height': '48px',
    'layout-trigger-background': '#d3d3d3',
    'layout-trigger-color': '#333333',
    'layout-zero-trigger-width': '36px',
    'layout-zero-trigger-height': '42px',
    // Layout light theme
    'layout-sider-background-light': '#666666',
    'layout-trigger-background-light': '#666666',
    //'layout-trigger-color-light': '@text-color',
}

//form表单
const Form = {
    "form-item-margin-bottom": "6px"
}


//Modal
const Modal = {
    "modal-content-bg": Base["attr-bg"],
    "modal-header-border-color-split": Border["border-color-base"],
    "modal-footer-border-color-split": "transparent"
}


//Menu
const Menu = {
    "menu-inline-toplevel-item-height": "28px",
    "menu-item-height": "28px"
}


//Input
const Input = {
    "@input-bg": Base["attr-bg"]
}


//Select
const Select = {
    "@select-background": Base["attr-bg"]
}


//Switch
const Switch = {
    "@switch-bg": Base["attr-bg"]
}


// Collapse
const Collapse = {
    "@collapse-header-bg": "#d3d3d3"
}






module.exports = {
    ...Base,
    ...Panel,
    ...Border,
    ...Buttons,
    ...Layout,
    ...Form,
    ...Modal,
    ...Menu,
    ...Input,
    ...Select,
    ...Switch,
    ...Collapse
}